<template>
	<view>
		<view class="box-top"  v-for="(item,index) in dataArray" :key="index">
			<view class="line active" :class="{active1:item.operatorResult=='OPERATOR_AGREE'}"><!-- 中线 -->
				<view class="dot active" :class="{active1:item.operatorResult=='OPERATOR_AGREE'}"></view> <!-- 圆点 -->
			</view>
			<view class="right-box-top fontactive"> <!-- 右边 -->
				<view style="font-size: 30rpx;font-weight: bold;" v-if="item.operatorResult=='OPERATOR_AGREE'">审核结果：<text style="color: #6EC544;">通过</text></view>
				<view style="font-size: 30rpx;font-weight: bold;" v-else-if="item.operatorResult=='OPERATOR_REFUSE'">审核结果：<text style="color: #CE8E15;">拒绝</text></view>
				<view style="font-size: 30rpx;font-weight: bold;" v-else>审核结果：</view>
				<view>审核人：{{item.operatorName}}</view>
				<view>审核时间：{{item.updateTime}}</view>
				<view>审核意见：{{item.remark}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			dataArray:{
				type:Array
			}
		},
		data() {
			return {
			}
		},
		mounted(){
		},
		methods: {
		}
	}
</script>

<style scoped="scoped" lang="less">
.box-top{
	width: 100%;
	min-height: 120rpx;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	
	.line{
		width: 4rpx;	
		background-color: #DDDDDD;
		margin: 0rpx 20rpx 0 20rpx;
		.dot{
			width: 20rpx;
			height: 20rpx;
			background-color: #DDDDDD;
			border-radius: 50%;
			position: relative;
			left: -8rpx;
		}
	}
	.right-box-top{
		flex: 1;
		padding: 0 0 20rpx 0;
		font-size: 20rpx;
		font-family: PingFang SC;
		color: #868686;
		margin-top: -13rpx;
		
	}
	.fontactive{
		color: #000000 !important;
	}
}
//激活元素
.active{
	background: linear-gradient(90deg, #FE8A04, #F85600);
}
.active1{
	background: linear-gradient(90deg, #67C23A, #67C23A);
}
// 隐藏元素
.none{
	background-color: rgba(0,0,0,0) !important;
}
</style>
 
